import Vue from 'vue'
import Router from 'vue-router'
import Home from './pages/home'
import Index from './pages/index'
import Product from './pages/product'
import Detail from './pages/detail'
import Cart from './pages/cart'
import Order from './pages/order'
import OrderConfirm from './pages/orderConfirm'
import OrderList from './pages/orderList'
import OrderPay from './pages/orderPay'
import AliPay from './pages/alipay'


Vue.use(Router);

export default new Router({
    routes: [{
        path: '/',
        name: 'home',
        component: Home,
        redirect: Index,
        children: [
            {
                path: '/index',
                name: 'index',
                component: Index,
            },
            {
                path: '/product/:id',
                name: 'product',
                component: Product,
            },
            {
                path: '/detail/:id',
                name: 'detail',
                component: Detail,
            },
        ]
    },
    {
        path: '/cart',
        name: 'cart',
        component: Cart
    }, {
        path: '/order',
        name: 'order',
        component: Order,
        children: [
            {
                path: 'list',
                name: 'order-list',
                component: OrderList
            },
            {
                path: 'confirm',
                name: 'order-confirm',
                component: OrderConfirm
            },
            {
                path: 'pay',
                name: 'order-pay',
                component: OrderPay
            },
            {
                path: 'alipay',
                name: 'alipay',
                component: AliPay
            },
        ]
    }]
})